import React from 'react'
import { Breadcrumb, Layout, theme } from 'antd';
import { Outlet } from 'react-router-dom';
const { Content } = Layout;



export default function HomeContent() {
     
  const {
    token: { colorBgContainer },
  } = theme.useToken();
  return (
    <Layout
    style={{
      padding: '0 24px 24px',
    }}
  >
    <Breadcrumb
      style={{
        margin: '16px 0',
      }}
    >
      <Breadcrumb.Item>Home</Breadcrumb.Item>
      <Breadcrumb.Item>List</Breadcrumb.Item>
      <Breadcrumb.Item>App</Breadcrumb.Item>
    </Breadcrumb>
    <Content
      style={{
        padding: 24,
        margin: 0,
        minHeight: 280,
        background: colorBgContainer,
      }}
    >
      
      <Outlet/>
    </Content>
  </Layout>
  )
}
